<template>
	<view>
		<view class="dangan">
			<view class="f14 flex-cen" style="color: #FF4800;background-color: #FFDFD2;
			height: 64rpx;">
				请认真填写相关信息
			</view>
			<view class="dangan-yi">
				<view class="dangan-yi-left">
					病例编号：
				</view>
				<view class="dangan-yi-right">
					<input type="text" class=" h100">
				</view>
			</view>
			<view class="line"></view>
			<view class="dangan-yi">
				<view class="dangan-yi-left">
					姓名：
				</view>
				<view class="dangan-yi-right">
					<input type="text" class=" h100">
				</view>
			</view>
			<view class="line"></view>
			<view class="dangan-er">
				<view class="dangan-yi-left">
					<!-- 姓名： -->
					<view class="">
						性别：
					</view>
					<input type="text" class=" h100">
				</view>
				<view class="dangan-yi-right">
					<view class="">
						年龄：
					</view>
					<input type="text" class=" h100">
				</view>
			</view>
			<view class="line"></view>
			<view class="dangan-er">
				<view class="dangan-yi-left">
					<!-- 姓名： -->
					<view class="">
						血型：
					</view>
					<input type="text" class=" h100">
				</view>
				<view class="dangan-yi-right">
					<view class="">
						身高：
					</view>
					<input type="text" class=" h100">
				</view>
			</view>
			<view class="line"></view>
			<view class="dangan-er">
				<view class="dangan-yi-left">
					<!-- 姓名： -->
					<view class="">
						体重：
					</view>
					<input type="text" class=" h100">
				</view>
				<view class="dangan-yi-right">
					<view class="">
						婚否：
					</view>
					<input type="text" class=" h100">
				</view>
			</view>

			<view class="line"></view>
			<view class="dangan-yi">
				<view class="dangan-yi-left">
					地址:
				</view>
				<view class="dangan-yi-right">
					<input type="text" class=" h100">
				</view>
			</view>
			<view class="line"></view>

			<view class="line"></view>
			<view class="dangan-yi">
				<view class="dangan-yi-left">
					联系电话
				</view>
				<view class="dangan-yi-right">
					<input type="text" class=" h100">
				</view>
			</view>
			<view class="line"></view>

			<view class="line"></view>
			<view class="dangan-san">
				<view class="dangan-san-hd">
					主诉病史：
				</view>
				<view class="dangan-san-db">
					<textarea name="text" id="" cols="40" rows="10"></textarea>
				</view>
			</view>
			<view class="line"></view>
			<view class="dangan-san">
				<view class="dangan-san-hd">
					既往病史:
				</view>
				<view class="dangan-san-db">
					<textarea name="text" id="" cols="40" rows="10"></textarea>
				</view>
			</view>
			<view class="line"></view>
			<view class="dangan-san">
				<view class="">
					就诊记录:
				</view>
				<br>
				<view class="title">
					<u-row>
						<u-col :span="3">
							<view class="uni-center">
								就诊日期
							</view>
						</u-col>
						<u-col :span="6">

							<view class="uni-center">
								临床判断与处理意见
							</view>
						</u-col>
						<u-col :span="3">
							<view class="uni-center">
								治疗项目
							</view>
						</u-col>
					</u-row>
				</view>
				<view class="content" v-for="item in 5 " :key="item">
					<u-row>
						<u-col :span="3">
							<view class="uni-center">
								<u--text mode="date" text="1612959739"></u--text>
							</view>
						</u-col>
						<u-col :span="6">
							<view class="uni-center">
								正常
							</view>
						</u-col>
						<u-col :span="3">
							<view class="uni-center">
								虫牙
							</view>
						</u-col>
					</u-row>
				</view>
			</view>
			<view class="line"></view>
			<view class="dangan-san">
				<view class="dangan-san-hd">
					健康评估:
				</view>
				<view class="dangan-san-db">
					<textarea name="text" id="" cols="40" rows="10"></textarea>
				</view>
			</view>
			<view class="line"></view>
			<view class="dangan-san">
				<view class="dangan-san-hd">
					患者意见:
				</view>
				<view class="dangan-yi-right">
					<input type="text" class=" h100">
				</view>
			</view>
			<view class="line"></view>

			<view class="dangan-san">
				<view class="dangan-san-hd">
					主治医生意见:
				</view>
				<view class="dangan-yi-right">
					<input type="text" class=" h100">
				</view>
			</view>

			<view class="dangan-si">
				<button type="warn" @click="getQr()">确认</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods: {
			getQr() {
				uni.navigateBack({
					url: '/pages_mine/info/info'
				})
			}
		}
	}
</script>

<style lang="less">
	.uni-center {
		height: 80rpx;
		border: 2rpx solid;
	}

	.dangan {
		.dangan-yi {
			padding: 0 20rpx;
			line-height: 100rpx;
			display: flex;
			font-size: 30rpx;
			letter-spacing: 5rpx;

			// justify-content: space-evenly;
			.dangan-yi-left {
				// text-align: center;
				// width: 160rpx;
				padding-right: 50rpx;
			}

			.dangan-yi-right {
				width: 400rpx;
			}
		}

		.dangan-er {
			padding: 0 20rpx;
			line-height: 100rpx;
			// display: flex;
			font-size: 30rpx;
			display: flex;
			letter-spacing: 5rpx;
			box-sizing: border-box;

			.dangan-yi-left {
				width: 50%;
				display: flex;
				// background-color: red;
				align-items: center;

				input {
					width: 250rpx;
				}
			}

			.dangan-yi-right {
				width: 50%;
				display: flex;
				// background-color: red;
				align-items: center;

				input {
					width: 250rpx;
				}
			}
		}

		.dangan-san {
			padding: 20rpx 20rpx;
			font-size: 30rpx;
			letter-spacing: 5rpx;

			.dangan-san-db {
				margin-top: 20rpx;
			}
		}
	}
</style>
